body {margin: 0px;padding: 0px;overflow: hidden;background-color: #CCC;font-size: 52.5%;}

/* Contact menu
----------------------------------*/
.contactMenu_mainWin {position: absolute;width: 200px;height: auto;background-color: #FFF;z-index: 500;border: 1px solid #808080;}
.contactMenu_title {position: absolute;width: 100%;height: 20px;background-color: #505050;color: #FFF;cursor: default;}
.contactMenu_items {list-style: circle;padding-left: 20px;cursor: default;padding-bottom: 5px;padding-top: 5px;margin: 0px;padding-top: 25px;}
.contactMenu_item {border: 1px solid #FFF;}
.contactMenu_hover {border: 1px solid #8C8673;background-color: #E7DFD6;list-style: disc;}

/* LOG messages
----------------------------------*/
.log_LogArea {overflow-y: scroll; overflow-x: hidden;}
.log_message {font-size: 1.2em; cursor: default; word-wrap: break-word;}
.log_message_active {background-color: #eff;}
.log_date {color: #a00; background-color: #ffffdf;}


/* Иконки статусов
----------------------------------*/
.cl-statusicon { width: 16px; height: 16px; background-image: url(../images/allstatuses.PNG); background-position: 0px 0px;}

.cl-statusicon-icq-offline { background-position: -96px -16px; }
.cl-statusicon-icq-online { background-position: -80px -16px; }
.cl-statusicon-icq-notinlist { background-position: -64px -16px; }
.cl-statusicon-icq-free4chat { background-position: -112px -16px; }
.cl-statusicon-icq-na { background-position: -144px -16px; }
.cl-statusicon-icq-dnd { background-position: -160px -16px; }
.cl-statusicon-icq-occupied { background-position: -176px -16px; }
.cl-statusicon-icq-invisible { background-position: -192px -16px; }
.cl-statusicon-icq-lunch { background-position: -208px -16px; }
.cl-statusicon-icq-depress { background-position: -224px -16px; }
.cl-statusicon-icq-evil { background-position: -240px -16px; }
.cl-statusicon-icq-home { background-position: -256px -16px; }
.cl-statusicon-icq-work { background-position: -272px -16px; }
.cl-statusicon-icq-away { background-position: -128px -16px; }

.cl-statusicon-mrimp-offline { background-position: -96px -16px; }
.cl-statusicon-mrimp-online { background-position: -80px -16px; }
.cl-statusicon-mrimp-free4chat { background-position: -112px -16px; }
.cl-statusicon-mrimp-away { background-position: -128px -16px; }
.cl-statusicon-mrimp-invisible { background-position: -192px -16px; }
.cl-statusicon-mrimp-dnd { background-position: -160px -16px; }

/*
-------------------------------------*/
.cl-contactlist-panel {padding: .1em;}
.cl-contactlist-contact {float: left; width: 100%; display: block; cursor: default; border: 0px !important;}
.cl-contactlist-status {float: left;margin: .1em .5em .1em .0em;}
.cl-contactlist-name {float: left;margin: .2em .0em .0em .0em;}

/*
-------------------------------------*/
.cl-chat-contact-infopanel {padding: .3em; display: block; text-align: center; }
.cl-chat-contact-infopanel-name {padding: .3em; width: 70%; float: left; margin: .3em; }
.cl-chat-contact-infopanel-uin { padding: .3em; font-weight: normal; width: 20%; float: right; margin: .3em; }

.cl-chat-messages {margin-top: .5em;height: 16em;padding: .5em;}
.cl-chat-user-message {margin-top: .3em;height: 7em;}
.cl-chat-textarea {width: 100%; height: 100%; border: 0em; margin: 0em -.5em 0em 0em;}

.cl-chat-buttonsend {float: right; padding: .3em; text-decoration: none;}
.cl-chat-closeinchatmessage {text-decoration: none; padding: .3em; float: left;}

/*
-------------------------------------*/
.cl-user-status-button {cursor:pointer; float:left; line-height:1.4em; margin:0.5em 0.4em 0.5em 0; overflow:visible; padding:0.2em 0.6em 0.3em; width:auto;}
.cl-user-status-menu {position: absolute;bottom: 3.7em;width: 15em; padding: .5em; display: none;}
